<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<!-- Apple Fullscreen -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	
	<!-- Favicon -->
	<link rel="shortcut icon" href="img/favicon.ico?v=1.0" />
	<!-- Icone Homescreen para Apple -->
	<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
	
	<title>SISTEMA AGENDAMENTO</title>
	
	
	<!-- CSS -->
	<link rel="stylesheet" href="css/bootstrap.css">					<!-- Bootstrap -->
	<link rel="stylesheet" href="css/bootstrap-responsive.css">			<!-- Bootstrap responsive -->

	<link rel="stylesheet" href="css/style.css">						<!-- Style CSS -->
	
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>								<!-- Bootstrap -->
	
	<!-- Plugin: Validation -->
	<script src="js/plugins/validation/jquery.validate.min.js"></script>
	<script src="js/plugins/validation/additional-methods.min.js"></script>
	
	
	<!-- placeholder plugin for ie9 -->
	<!--[if lte IE 9]>
		<script src="js/plugins/placeholder/jquery.placeholder.min.js"></script>
		<script>
			$(document).ready(function() {
				$('input, textarea').placeholder();
			});
		</script>
	<![endif]-->
	
</head>


<body class='login'>
	<div class="wrapper">
		<h1><a href="#"><img src="img/logo-big.png" alt="" class='retina-ready' width="59" height="49">AGENDA</a></h1>
		<div class="login-body">
			<h2>VERIFIQUE SEU EMAIL</h2>
			<form action="index.html" method='get' class='form-validate' id="test">
				<div class="control-group">
					<label>Enviamos um e-mail com um código de confirmação de 6 dígitos.</label>
					<label>Insira o código abaixo para prosseguir com a redefinição da sua senha.</label>
					<div class="email controls">
						<input type="text" name='usercode' id="usercode" placeholder="######" class='input-block-level' data-rule-required="true" maxlength="6" />
					</div>
				</div>
				<div class="submit">
					<input type="submit" value="Continuar" class='btn btn-primary'>
				</div>
				<div class="remember">
					<a href="user-esqueci-minha-senha.html"><span>Não recebi nenhum código</span></a>
				</div>
			</form>
		</div>
	</div>
	
	
	
	
	<script type="text/javascript">
	
		$(document).ready(function(){
			document.getElementById("usercode").focus();

			$('.form-validate').each(function(){
				var id = $(this).attr('id');
				$("#"+id).validate({
					errorElement:'span',
					errorClass: 'help-block error',
					errorPlacement:function(error, element){
						element.parents('.controls').append(error);
					},
					highlight: function(label) {
						$(label).closest('.control-group').removeClass('error success').addClass('error');
					},
					success: function(label) {
						label.addClass('valid').closest('.control-group').removeClass('error success').addClass('success');
					}
				});
			});
		});
	
	</script>	
	
	


</body>

</html>
